<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>信息提交的form表单</title>
	</head>

	<body>
		<form action="#" method="get">
			<table border="1px" bordercolor="#8CE9FB" cellspacing="0px" cellpadding="3px" align="center" width="500px">
				<tr>
					<td>用户名:</td>
					<td><input type="text" id="txtName" name="txtName" /></td>
					<td>登录用户名</td>
				</tr>
				<tr>
					<td>密码:</td>
					<td><input type="password" id="txtPsw" name="txtPsw" /></td>
					<td>登录密码...</td>
				</tr>
				<tr>
					<td>注册邮箱:</td>
					<td><input type="email" id="txtEmail" name="txtEmail" /></td>
					<td>登录邮箱</td>
				</tr>
				<tr>
					<td>性别:</td>
					<td>
						<!---如果一组单选框需要具有互斥选择功能：要求这一组单选框的name属性一样，就划分一组，具有互斥功能---->
						<input type="radio" id="txtSex" name="txtSex" />女
						<input type="radio" id="txtSex2" name="txtSex" />男
					</td>
					<td>选择性别</td>
				</tr>
				<tr>
					<td>出生年月:</td>
					<td>
						<select id="selectYear" name="selectYear">
							<option value=""></option>
							<option value="2000">2000年</option>
							<option value="2001">2001年</option>
							<option value="2002">2002年</option>
							<option value="2003">2003年</option>
							<option value="2004">2004年</option>
						</select>年
						<select id="selectMonth" name="selectMonth">
							<option value=""></option>
							<option value="1">1月</option>
							<option value="2">2月</option>
							<option value="3">3月</option>
							<option value="4">4月</option>
							<option value="5">5月</option>
						</select>月
					</td>
					<td>选择年月</td>
				</tr>
				<tr>
					<td>兴趣爱好:</td>
					<td>
						<!---如果一组多选框：要求这一组多选框的name属性一样，就划分一组，给服务器发送数据时，作为一个整体进行发送---->
						<input type="checkbox" id="chkHobby" name="chkHobby" />打游戏
						<input type="checkbox" id="chkHobby2" name="chkHobby" />睡觉
						<input type="checkbox" id="chkHobby3" name="chkHobby" />旅游
						<input type="checkbox" id="chkHobby4" name="chkHobby" />写代码
					</td>
					<td>选择兴趣爱好</td>
				</tr>
				<tr>
					<td>头像:</td>
					<td><input type="file" id="fileImg" name="fileImg" /></td>
					<td>选择上传头像图片</td>
				</tr>
				<tr>
					<td>个人简介:</td>
					<td>
						<textarea cols="30" rows="8" id="txtIntroduction" name="txtIntroduction">
							请输入个人简介...
						</textarea>
					</td>
					<td>登录用户名</td>
				</tr>
				<tr>
					<td colspan="3" align="center">
						<!--submit和reset按钮，需要在form标签中才会起作用--->
						<input type="submit" id="submitMe" name="submitMe" value="提交" /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="reset" id="resetMe" name="resetMe" value="重置" />
					</td>

				</tr>
			</table>
		</form>
	</body>

</html>